<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	<title>千峰教育大前端Vue教学</title>
	<!-- 引入vue -->
	<script src="https://cdn.staticfile.org/vue/3.0.5/vue.global.js"></script>
</head>

<body style="margin:100px;font-size:22px;">
	<!-- 定义一个容器 -->
	<div id="app">
		<!-- 声明模板内容 -->
		$3
	</div>
	<script>
		// 创建应用
		const app = Vue.createApp({
			// 初始化数据函数
		  data() { // 返回一个对象，对象中写初始化数据
				return {
		    	$1: $2, // 初始化一个的数据
				};
		  },
		});
		// 挂载应用
		app.mount('#app');
	</script>
</body>

</html>